<!--
 * @Date: 2022-03-24 21:28:46
 * @LastEditors: sailornpg
 * @LastEditTime: 2022-03-29 19:11:20
 * @FilePath: \vue3Components\src\components\Container\Navside.vue
 * @Description: 侧边栏组件
-->
<template>
  <Mymenu :data="data" style="height: 100vh;" default-active="/" router :collapse="collapse"></Mymenu>
</template>
 <script lang='ts' setup>
import Mymenu from '../menu/Mymenu.vue';
const props = defineProps<{
  collapse: boolean
}>()
const emits = defineEmits(['changToggle'])
const data = [
  {
    name: '首页',
    index: '/',
    icon: 'HomeFilled'
  },
  {
    name: '图标选择器',
    index: '/chooseicons',
    icon: 'Check'
  },
  {
    name: '省市区选择器',
    index: '/choosearea',
    icon: 'Location'
  },
  {
    name: '时间选择器',
    index: '/choosetime',
    icon: 'Timer'
  },
  {
    name: '城市选择器',
    index: '/choosecity',
    icon: 'TurnOff'
  },
  {
    name: '趋势标记',
    index: '/trend',
    icon: 'Sort'
  },
  {
    name: '导航菜单',
    index: '/menu',
    icon: 'Menu'
  },
  {
    name: '消息提示',
    index: '/notification',
    icon: 'Bell'
  },
  {
    name: '步骤进度',
    index: '/progress',
    icon: 'DArrowRight'
  },
  {
    name: '表单',
    index: '/form',
    icon: 'Setting'
  },
  {
    name: '表单弹出',
    index: '/openform',
    icon: 'DocumentAdd'
  },
  {
    name: '表格',
    index: '/table',
    icon: 'ScaleToOriginal'
  },
  {
    name: '日历',
    index: '/calendar',
    icon: 'ScaleToOriginal'
  },
]
</script>
<style lang='less' scoped>
</style>